<!-- START BLOCK : DISPLAYPUBLICACION -->
<style type="text/css">
.enlacecategoria a {
	color: #36F;	
}
.titulopublic {
	font-size:16px;
	font-weight:bold;	
}
.titulopublic a {
	font-size:14px;
	color: #36F;	
}
span.fotopublic img {
	margin-right:10px;
	padding:3px;
	border:1px solid #CCC;
}
.publicdescripcion {
	font-size:18px;	
}
		.rating-L {width: 100%;}
		#rat > * {float: left; line-height: 1.4em;}
		#rating_title {padding-right: .5em;}
		#messages, #caption {padding-left: .5em;}
		#messages {color: #fd1c24;}
</style>
<h1>{titulo_publicacion}</h1>
<span class="fotopublic">{foto_profesor}</span>
<div>Publicado el {fecha_publicacion}</div>
<div class="enlacecategoria">{mapacategoria}</div>
<div class="titulopublic">Profesor</div>
<div class="titulopublic"><a href="ver_perfil.php?idp={id_persona}">{nombre_persona}</a></div>
<div class="region">{region}</div>
<div class="rating" data="5_1"></div>
<div class="titulopublic"></div>
<form id="rat" action="" method="post">
<strong id="rating_title">Calificar</strong>
<select name="rate">
        <option value="1"  />No tan bueno</option>
        <option value="2"  />Normal</option>
        <option value="3"  />Bueno</option>
        <option value="4"  />Gran Profesor!</option>
        <option value="5"  />Excelente Profesor!</option>
</select>

<input type="submit" name="calificacion" value="Calificalo" />

</form>

</div>
<br clear="all" />
<hr />
<br clear="all" />
<div class="publicdescripcion">{descripcion_publicacion}</div>
<script type="text/javascript">
var idv = "{id_voto}";
$(function() {
	$("#rat").children().not("select, #rating_title").hide();
	var $idy = "{id_yo}";			
	// Create caption element
	var $caption = $('<div id="caption"/>');		
	var word = "votos";	
	// Create stars
	$("#rat").stars({
		inputType: "select",
		disabled: idv=="1",
		oneVoteOnly: true,
		captionEl: $caption,
		callback: function(ui, type, value)
		{
			if(idv=="1") return false;
			$("#messages").text("Guardando...").fadeIn(30);					
			$.post("servicios/setRating.php", {rate: value, idp: "{id_persona}", idy: "{id_yo}"}, function(json)
			{		
				if(json.votes=="1") word = "voto";
				$("#rating_title").text("Promedio");						
				ui.select(json.selected+1);
				$caption.text(" (" + json.votes + " " + word + "; " + json.avg + ")");
				$("#messages").text("Profesor evaluado (" + value + "). Gracias!").stop().css("opacity", 1).fadeIn(30);
				setTimeout(function(){
					$("#messages").fadeOut(1000)
				}, 2000);
			}, "json");	
		}
	});
	
	
	// Create element to use for confirmation messages
	$('<div id="messages"/>').appendTo("#rat");
	if(idv=="1") {
		$.post("servicios/setRating.php", {rate: "0", idp: "{id_persona}", idy: "0"}, function(json) {
			$("#rating_title").text("Promedio");
			$('#rat').stars('selectID', json.selected); 
			if(json.votes=="1") word = "voto";
			$caption.text(" (" + json.votes + " " + word + "; " + json.avg + ")");		
			$caption.appendTo("#rat");						
		}, "json");
	} else {
		$caption.appendTo("#rat");	
	}
});
</script>
<!-- END BLOCK : DISPLAYPUBLICACION -->
<!-- START BLOCK : FORMULARIO -->
<fieldset class="ui-widget">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Registro de Publicaci&oacute;n</legend><br />
<form action="{self}" method="post" class="ui-widget">
<input type="hidden" name="id_publicacion" value="{id_publicacion}" />
<input type="hidden" name="id_categoria" value="{id_categoria}" id="id_categoria" />
<input type="hidden" name="nombre_categoria" id="nombre_categoria" value="{nombre_categoria}" />
<input type="hidden" name="accion" value="agregar_publicacion" />
<table>
<tr>
  <th>Categoria</th>
  <td><input type="text" readonly="readonly" id="categorias" value="{nombre_categoria}" size="30" />&nbsp;<img id="imgfind" style="cursor:pointer" border="0" src="http://dondeaprendo.com/images/find.gif" align="absmiddle" /></td>
</tr>
<tr>
  <th>Titulo de la Publicacion</th>
  <td><input type="text" name="titulo_publicacion" placeholder="Ej: Clases de Origami a los mejores precios!!" size="50" maxlength="100" value="{titulo_publicacion}" /></td>
  </tr>
<tr>
  <th>Descripción Completa</th>
  <td><textarea rows="4" cols="50" name="descripcion_publicacion">{descripcion_publicacion}</textarea></td>
</tr>
<tr>
  <th>Horario</th>
  <td><textarea rows="4" cols="50" name="horario">{horario}</textarea></td>
</tr>
<tr>
  <th>Precio <small>(opcional)</small></th>
  <td><input type="text"   size="10" maxlength="10" style="text-align:right" name="precio_publicacion" value="{precio_publicacion}" /> Bsf</td>
</tr>
<tr>
  <th>&nbsp;</th>
  <td style="text-align:left">&nbsp;</td>
</tr>
<tr>
  <td colspan="2">
    <input type="submit" id="btn_aceptar" class="fg-button ui-state-default ui-corner-all" value="Aceptar">
    &nbsp;
    <a href="index.php?c={id_categoria}" class="fg-button ui-state-default ui-corner-all">Cancelar</a>
  </td>
</tr>
</table>
<div>
<br />
<strong>Nota Importante:</strong>&nbsp;
Al darle click en "Aceptar", la publicaci&oacute;n deber&aacute; ser aprobada por el administrador del sistema para su posterior publicaci&oacute;n
en el sitio
</div>
</form>
</fieldset>
<script type="text/javascript">
var miventana;
function seleccionado() {
	miventana.close();
	$("#categorias").val($("#nombre_categoria").val());
	//alert("categoria seleccionada: " + $("#id_categoria").val());	
}
$(function() {
	$("input[name='titulo_publicacion']").focus();
	$("#imgfind").click(function() {
		$c = $("#id_categoria").val();
		miventana = window.open ("selector_categorias.php?c=" + $c ,  "miventana","location=0,status=0,scrollbars=1,width=420,height=350");	
		if (miventana.opener == null) miventana.opener = self;				
	});	
});
</script>
<br />
<div id="mylog"></div>
<!-- END BLOCK : FORMULARIO -->
<!-- START BLOCK : LISTA -->
<h3>Publicaciones Realizadas</h3>
<table class="full" style="width:100%">
<thead>
<tr>
<th colspan="2">&nbsp;</th>
<th>&nbsp;</th>
<th>Titulo</th><th>Descripci&oacute;n</th>
<th>Creada en</th><th>Estatus</th>
</tr>
</thead>
<!-- START BLOCK : LISTAITEM  -->
<tr>
<td><a href="publicacion.php?idp={id_publicacion}&desc={titulo_publicacion}">Ver</a></td>
<td><a href="publicacion_editar.php?idp={id_publicacion}">Editar</a></td>
<td><a class="elim_public" href="publicaciones.php?accion=eliminar&v={codigo_validacion}&idp={id_publicacion}">Eliminar</a></td>
<td><strong>{titulo_publicacion}</strong></td>
<td>{descripcion_publicacion}</td>
<td>{fecha_creacion}</td>
<td>{estatus}</td>
</tr>
<!-- END BLOCK : LISTAITEM -->
</table>
<script type="text/javascript">
$(function() {
	$(".elim_public").click(function() {
		return confirm("Desea eliminar esta publicacion?");
	});
});
</script>
<!-- END BLOCK : LISTA -->
<!-- START BLOCK : NOHAYPUBLICACIONES -->
<br />
<h3>No se encontraron publicaciones</h3>
<!-- END BLOCK : NOHAYPUBLICACIONES -->
<!-- START BLOCK : COMENTARIOS -->
<br />
<h3>Comentarios</h3>
<!-- START BLOCK : COMENTARIOITEM -->
<br />
<div style="border:1px solid #CCC;  padding:5px">
{foto}&nbsp;<strong>{nombre_persona}</strong><small style="float:right">{fecha_stamp}</small><br clear="all" />
<img src="http://dondeaprendo.com/images/comment.png" border="0" align="texttop" />
<span style="color:#666; font-size:14px;">{comentario}</span>
<br />
<!-- START BLOCK : ITEMRESPUESTA -->
<hr />
<div>
<p style="font-size:small">
<img src="http://dondeaprendo.com/images/answer_icon.png" border="0" align="left" />
<strong>{nombre_persona} ({fecha_stamp}):&nbsp;</strong>{comentario}</p>
</div>
<br clear="all" />
<!-- END BLOCK : ITEMRESPUESTA -->
<!-- START BLOCK : ITEMRESPONDER -->
<div id="respuesta_{id_pregunta}" style="padding:20px; display:none">
<form action="{self}" method="post">
<input type="hidden" name="accion" value="responder" />
<input type="hidden" name="id_pregunta" value="{id_pregunta}" />
<input type="hidden" name="id_publicacion" value="{id_publicacion}" />
<textarea name="respuesta" cols="45" rows="3"></textarea>
<br />
<input type="submit" value="Enviar Respuesta" class="boton" />
</form>
</div>
<div style="text-align:right"><a class="btn_respuesta" href="javascript:void(0);" rel="{id_pregunta}">Responder</a></div>
<!-- END BLOCK : ITEMRESPONDER -->
</div>
<!-- END BLOCK : COMENTARIOITEM -->
<!-- END BLOCK : COMENTARIOS -->
<script type="text/javascript">
$(function() {
	$(".btn_respuesta").click(function() {		
		var $idr = "#respuesta_" + $(this).attr("rel");
		$($idr).show();
		$($idr + " textarea").focus();
		$($idr + " a").hide();
	});
});
</script>
<!-- START BLOCK : ESCRIBIRCOMENTARIO -->
<br />
<div>Escriba su  comentario aqui</div>
<form method="post" action="{self}">
<input type="hidden" name="accion" value="comentar" />
<input type="hidden" name="id_publicacion" value="{id_publicacion}" />
<textarea name="comentario" placeholder="Escriba sus inquietudes..." cols="40" rows="5">{comentario}</textarea><br />
<input class="fg-button ui-state-default ui-corner-all" type="submit" id="btn_enviar_comentario" value="Enviar Comentario" />
</form>
<!-- END BLOCK : ESCRIBIRCOMENTARIO -->